<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<html>
<head>
<title>khutro.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="js/gen_validatorv4.js" type="text/javascript"></script>
<link href="css/userpage.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.8.2.js"></script>
<SCRIPT type="text/javascript" src="js/items.js"></SCRIPT>
<script type="text/javascript" src="js/search.js"></script>
<script type="text/javascript" src="js/map.js"></script>
<link href="css/search.css" rel="stylesheet" type="text/css">
<link href="css/button.css" rel="stylesheet" type="text/css">
<script src="js/scroll-startstop.events.jquery.js"
	type="text/javascript"></script>
<script src="js/numberonly.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style type="text/css">
<!--
em {
	color: #999;
}

#contentmain .container2 .logincontent .logincontentmain h3 {
	color: #040406;
}

#mapdetailpost {
	width: 500px;
	height: 100%;
}
-->
</style>
<style type="text/css">
.ac_over {
	color: white; background-color:green;
}
</style>
<script src="js/jquery-ui-1.9.0.custom.js"></script>
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	
<script
	src="https://maps.googleapis.com/maps/api/js?sensor=false&language=vi"></script>
<link href="css/info.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
	function getcurrenturlvalue(){
		var url = "getCurrentUrl.action";
		var testurl = $('#testurl').val();
		alert(testurl);
		$.ajax({
			url : url,
			data : {
				keysearch : testurl 
				
			},
			success : function(data) {
				alert('Okie');
				
			}
		});
	}
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
	marginheight="0" onload="initialize(6);window.scrollTo(0,0);">
	<form action="" id="urlpath" name="urlpath">
<input id="testurl" type="hidden" value=""/>
</form>
<script type="text/javascript">
	var path = window.location;
	urlpath.elements["testurl"].value = path;
</script>
	<script src="//connect.facebook.net/en_US/all.js"></script>
	<s:form action="addtopic.action" id="addtopic"
		enctype="multipart/form-data" method="post" validate="true">
		<!-- Save for Web Slices (khutroslide.psd) -->
		<div id="header">
		<div id="headerContent">
			<a href="index.action" id="logo">khutro</a>
			<ul id="menuBar">
				<li><a href="index.action">Trang chủ</a></li>
				<li><a href="help.jsp">Trợ giúp</a></li>
				<li><a href="checkaddtopic.action">Đăng cho thuê</a>
				<li><a href="checkaddsharetopic.action">Đăng chia sẻ</a>
				<li><a href="compareresult.action">So sánh<span
						id="numberCompare" style="color: red; font-size: 12px">(${number})</span>
				</a></li>
				
			</ul>
			
			<div id="loginPanel">
				<c:choose>
					<c:when test="${displayNamess!=null}">
						<a class="profileButton" href="profileuser.action">${displayNamess}
						</a>
						<ul>
							<c:choose>
								<c:when test="${userRoleIdss==1}">
									<li><a href="adminloadsystem.action">Trang quản lý</a>
								</c:when>
							</c:choose>
							<li><a href="profileuser.action">Trang cá nhân</a></li><li><a href="changepass.jsp">Đổi mật khẩu</a>
							</li>
							<li><a href="logout.jsp">Thoát</a>
							</li>
						</ul>
					</c:when>
					<c:otherwise>
						<a class="loginButton" href="javascript:void(0);" onclick="getcurrenturlvalue();">Đăng nhập</a>
					</c:otherwise>
				</c:choose>
			</div>
			<div id="search">
			<DIV class="search-box">
			  <div style="width: 80%;float: left">
		      <INPUT id="lookup_input" class="search-bar" style="width: 220px;height: 24px;" name="keysearch" value="Tìm Kiếm ..." type="text">
		      </div>
		      <div style="width: 19%;float: right;">
		      <img alt="search" src="images/search.png" width="24" height="24" onclick="searchFull();">
		      </div>
				<SCRIPT type="text/javascript" src="js/searchfulltext.js"></SCRIPT>
		      
		      <FORM id="search-form" method="post" action="fulltextsearch.action">
		      	<INPUT id="sortby" class="search-bar" name="sortby" value="0" type="hidden">
		      </FORM>
      		</DIV>
			</div>  
		</div>
	</div>
	<script type="text/javascript">
	$('#lookup_input').bind('keypress', function(e) {
		if(e.keyCode==13){
			searchFull();
		}
	});
	</script>
		<img src="images/spacer.gif" width="1" height="56" alt="">
		<div id="addtopic_errorloc" class="error_strings errorcus">
			<span style="font: 13px Arial, Geneva, sans-serif; color: #F00">Lưu ý: Các bài đăng không hợp
									lệ sẽ bị xoá.</span>
		</div>
		<div id="contentmain">
			<div class="postcontent">
                <span style="font: 13px Arial, Geneva, sans-serif; color: #F00">Lưu ý: Những trường có dấu * là
					những trường bắt buộc.</span>
				<span style="text-align: center; font: bold 12px Arial, Geneva, sans-serif; color: 0033FF"><h1>Đăng
						tin cho thuê</h1> </span><br/>
				<!--info cus-->
				<div style="height: 400px">
					<div
						style="padding-left: 101px; font: bold 15px Arial, Geneva, sans-serif; color: #F00">
						<input type="radio" name="owner" value="1" checked />Chính chủ <input
							type="radio" name="owner" class="styled" value="0" />Trung gian
					</div>
					<div id="infocus">
						<div id="info_h" style="width: 450px">
							<div id="lablecus">
								<span>Tiêu đề: </span>
							</div>
							<div id="input" style="width: 349px">

								<input type="text" name="title" id="tieude" class="tbpost1"
									value="">
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Thành phố: </span>
							</div>
							<div id="input">
								<select name="city" id="city" class="tbdownlistpost"
									onchange="initialize1(12)">
									<option value="0">-Thành Phố-</option>
									<s:iterator value="lstProvince">
										<option value="${provinceId}">${provinceName}</option>
									</s:iterator>
								</select>
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Quận/Huyện: </span>
							</div>
							<div id="input">
								<select name="district" id="district" class="tbdownlistpost"
									onchange="initialize2(15)">
									<option value="0">-Quận/Huyện-</option>
								</select>
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h" style="width: 450px">
							<div id="lablecus">
								<span>Địa chỉ: </span>
							</div>
							<div id="input" style="width: 349px">
								<input type="text" name="address" id="address1" class="tbpost1"
									value="">
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h" style="width: 400px">
							<div id="lablecus">
								<span>Giá: </span>
							</div>
							<div id="input">
								<input type="text" name="price" id="price" class="tbpost1"
									value="" onkeydown="return jsDecimals(event);">
							</div>
							<script type="text/javascript">
									$('#price').keyup(function() {
										var keyword = $(this).val();
										$('#Gia').html(keyword);
									});
									$("#price").attr("maxlength", 4);
							</script>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
							<div id="areacus" style="float: left; font: 12px Arial, Geneva, sans-serif; padding-top: 5px">
								<span id="Gia" style="color:red;"></span> triệu vnđ</div>
						</div>
						
						<div id="info_h" style="width: 400px">
							<div id="lablecus">
								<span>Diện tích: </span>
							</div>
							<div id="input">
								<input type="text" name="area" id="area" class="tbpost1"
									value="" onkeydown="return jsDecimals(event);">
							</div>
							<script type="text/javascript">
							$('#area').keyup(function() {
								var keyword = $(this).val();
								$('#Dientich').html(keyword);
							});
							$("#area").attr("maxlength", 4);
							</script>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
							<div id="areacus" style="float: left; font: 12px Arial, Geneva, sans-serif; padding-top: 5px">
								<span id="Dientich" style="color:red;"></span> m2</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Tiền nước: </span>
							</div>
							<div id="input">
								<input type="text" name="water" id="water" class="tbpost1"
									value="nghìn đồng/ng/th." onkeydown="return jsDecimals(event);" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');"
						onBlur="if (this.value == '') {this.value = 'nghìn đồng/ng/th.';this._haschanged=false;}">
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Tiền điện: </span>
							</div>
							<div id="input">
								<input type="text" name="power" id="power" class="tbpost1"
									value="nghìn đồng/Kwh" onkeydown="return jsDecimals(event);" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');"
						onBlur="if (this.value == '') {this.value = 'nghìn đồng/Kwh';this._haschanged=false;}">
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Internet: </span>
							</div>
							<div id="input">
								<input type="radio" name="internet" value="1" checked="checked">Có
								<input type="radio" name="internet" value="0">Không
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Vệ sinh: </span>
							</div>
							<div id="input">
								<select name="toilet" id="toilet" class="tbdownlistpost">
									<option selected value="1">Riêng</option>
									<option value="0">Chung</option>
								</select>
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Loại nhà: </span>
							</div>
							<div id="input">
								<select name="houseType" id="houseType" class="tbdownlistpost">
									<option selected value="1">Không chung chủ</option>
									<option value="0">Chung chủ</option>
								</select>
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Đóng cửa: </span>
							</div>
							<div id="input">
								<select name="hour" id="hour" class="tbdownlistpost">
									<option selected value="Tự do">Tự do</option>
									<option value="10h">10h</option>
									<option value="10h30">10h30</option>
									<option value="11h">11h</option>
									<option value="11h30">11h30</option>
									<option value="12h">12h</option>
								</select>
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h" style="width: 450px">
							<div id="lablecus">
								<span>Chỗ để xe: </span>
							</div>
							<div id="input" style="width: 200px">
								<input type="radio" name="motor" id="choose" value="0">Không <input
									type="radio" name="motor" id="choose1" value="1" checked>Miễn
								phí <input type="radio" name="motor" id="open" value="2">Thu tiền
							</div>
							<script type="text/javascript">
							$('#open').click(function() {
								  $('#showpricetf').show('slow', function() {
								    // Animation complete.
								  });
								});
							$('#choose').click(function() {
								  $('#showpricetf').hide('slow', function() {
								    // Animation complete.
								  });
								});
							$('#choose1').click(function() {
								  $('#showpricetf').hide('slow', function() {
								    // Animation complete.
								  });
								});
							</script>
							<div id="showpricetf" style="display: none">
								<div id="motor" style="width: 100px; float: left">
									<input type="text" name="motorPrice" id="motorPrice"
										class="tbpost1" value="nghìn đồng/th" onkeydown="return jsDecimals(event);" onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');"
							onBlur="if (this.value == '') {this.value = 'nghìn đồng/th';this._haschanged=false;}">
								</div>
								<div id="areacus" style="float: left; font: 12px Arial, Geneva, sans-serif; padding-top: 5px">
									 vnđ </div>
								<div id="checkbb">
									<span style="color: #F00"> *</span>
								</div>
							</div>
						</div>
						<div id="info_h" style="width: 450px">
							<div id="lablecus">
								<span>Nấu ăn: </span>
							</div>
							<div id="input" style="width: 349px">
								<input type="radio" name="cook" value="0">Không cho phép<input
									type="radio" name="cook" value="1" checked="checked">Trong
								phòng <input type="radio" name="cook" value="2">Bên
								ngoài
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Liên hệ: </span>
							</div>
							<div id="input">
								<input type="text" name="contact" id="contact" class="tbpost1"
									value="">
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<div id="info_h">
							<div id="lablecus">
								<span>Điện thoại: </span>
							</div>
							<div id="input">
								<input type="text" name="phone" id="phone" class="tbpost1"
									value="" onkeydown="return jsDecimals(event);">
							</div>
							<div id="checkbb">
								<span style="color: #F00">*</span>
							</div>
						</div>
						<script type="text/javascript">
						
							$("#contact").attr("maxlength", 45);
							$("#phone").attr("maxlength", 11);
							</script>
						<div id="info_h" style="width: 450px">
							<div id="lablecus">
								<span>Upload ảnh: </span>
							</div>
							<div id="input" style="width: 200px">
								<input type="file" name="imageTopic" id="imageTopic"
									multiple="multiple" id="image" class="tbpost1"
									onchange="uploadchange();" size="10">
							</div>
						</div>
						<div id="info_h" style="width: 450px">
							<div id="lablecus"></div>
							<div id="input" style="width: 200px;color: black; font: italic 50px ;">
								<span style="height: 49%">Dung lượng &lt;2Mb,tối đa 10 ảnh</span>
								<!--uploaded img-->
							</div>
							<div id="checkbb" style="width: 239px"></div>
						</div>
						<input type="hidden" id="latitude" name="latitude"> <input
							type="hidden" id="longitude" name="longitude">
					</div>
					<!--map cus-->
					<div id="mapdetailpost"></div>
				</div>
				<!--end info-->
				
				<div id="info_h1">
				<div id="lablecus1">
				                <br/>
								<span>Thông tin thêm : </span>
							</div>
							</div>
				<div class="description">
					<textarea style="font: 14px Arial, Geneva, sans-serif; color: #000" name="description" id="styled"
						onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');"
						onBlur="if (this.value == '') {this.value = 'Các dịch vụ khác như nóng lạnh , điều hòa , an ninh...';this._haschanged=false;}">Các dịch vụ khác như nóng lạnh , điều hòa , an ninh...</textarea>
				</div>
				<div class="summit" style="padding-left: 40%">
				
					<button class="buttonpost" type="reset" name="submit" style="width: 120px; height: 30px;">Huỷ</button>
					<button class="buttonpost" type="submit" name="submit" style="width: 120px; height: 30px;"
						onclick="fb_postwall();">Đăng tin</button>

				</div>
			</div>
		</div>
		<div id="footercus" style="text-align: center;">
		Designed by FU team | Powered by Struts<br> khutro.net

	</div>
		<input type="hidden" name="postfbwall" value="postfbwall" />
		<!-- End Save for Web Slices -->
    	<div style="display: none;" class="nav_up" id="nav_up"></div>
	<div style="display: none;" class="nav_down" id="nav_down"></div>
	<script>
		jQuery(function() {
			var $elem = $('#contentmain');

			jQuery('#nav_up').fadeIn('slow');
			jQuery('#nav_down').fadeIn('slow');

			jQuery(window).bind('scrollstart', function() {
				$('#nav_up,#nav_down').stop().animate({
					'opacity' : '0.2'
				});
			});
			jQuery(window).bind('scrollstop', function() {
				$('#nav_up,#nav_down').stop().animate({
					'opacity' : '1'
				});
			});

			jQuery('#nav_down').click(function(e) {
				$('html, body').animate({
					scrollTop : $elem.height()
				}, 800);
			});
			jQuery('#nav_up').click(function(e) {
				$('html, body').animate({
					scrollTop : '0px'
				}, 800);
			});
		});
	</script>
	</s:form>
	<script type="text/javascript">
		function uploadchange() {
			var files = $('input[type="file"]')[0].files;

			var notok = 0;
			var i = 0;
			for (i = 0; i < files.length; i++) {
				if (files[i].size > 2097152) {
					notok = 1;
				}
				if (notok == 1) {
					$('#imageTopic').val("");
					alert("ảnh phải nhỏ hơn 2Mb");
				}
			}
			if (files.length > 10) {
				$('#imageTopic').val("");
				alert("Bạn chỉ được up tối đa 10 ảnh và ảnh phải nhỏ hơn 2Mb");

			}

		}
	</script>
	<script language="JavaScript" type="text/javascript"
		xml:space="preserve">
		//         
		var frmvalidator = new Validator("addtopic");
		frmvalidator.EnableOnPageErrorDisplaySingleBox();
		frmvalidator.EnableMsgsTogether();
		frmvalidator.addValidation("tieude", "req",
				"+ Tiêu đề không được trống");
		
		frmvalidator.addValidation("latitude", "req",
		"+ Lựa chọn vị trí trên bản đồ");
		
		frmvalidator.addValidation("tieude", "maxlen=300",
				"+ Độ dài tối đa tiêu đề là 300 kí tự");

		frmvalidator.addValidation("city", "dontselect=0",
				"+ Lựa chọn thành phố");
		frmvalidator.addValidation("district", "dontselect=0",
				"+ Lựa chọn quận/huyện");
		frmvalidator.addValidation("address", "req",
				"+ Địa chỉ không được trống");
		frmvalidator.addValidation("price", "req", "+ Giá không được trống");
		frmvalidator.addValidation("price", "numeric", "+ Gía Hãy nhập số");
		frmvalidator.addValidation("area", "req", "+ Diện tích không được trống");
		frmvalidator
				.addValidation("area", "numeric", "+ Diện tích Hãy nhập số");
		frmvalidator.addValidation("water", "req",
				"+ Tiền nước không được trống");
		frmvalidator.addValidation("water", "numeric",
		"+ Nhập vào Tiền nước đơn vị nghìn đồng");
		frmvalidator.addValidation("power", "numeric",
		"+ Nhập vào Tiền điện đơn vị nghìn đồng");
		frmvalidator.addValidation("power", "req",
				"+ Tiền điện không được trống");
		frmvalidator.addValidation("contact", "req",
				"+ Liên hệ không được trống");
		frmvalidator.addValidation("phone", "req",
				"+ Số điện thoại không được trống");
		frmvalidator.addValidation("phone", "numeric",
				"+ Số điện thoại phải là số");
		frmvalidator.addValidation("phone", "maxlen=11",
		"+ Số điện thoại tối đa 11");
		frmvalidator.addValidation("imageTopic", "file_extn=jpg;jpeg;png",
				"+ File ảnh chỉ chấp nhận : jpg,jpeg,png");
		frmvalidator
		.addValidation("motorPrice", "numeric",
				"+ Nhập vào Giá để Xe đơn vị nghìn đồng",
				"VWZ_IsChecked(document.forms['addtopic'].elements['motor'],'2')");
		frmvalidator
				.addValidation("motorPrice", "req",
						"+ Giá tiền gởi xe không được phép trống",
						"VWZ_IsChecked(document.forms['addtopic'].elements['motor'],'2')");

		//
	</script>

</body>
</html>